<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>劳务费审批结算单打印</title>

    <!--引入本地 element-ui 的样式，-->
    <script type="text/javascript" src="/admin/js-css/js/vue.min.js"></script>
    <script type="text/javascript" src="/admin/plugin/element-ui/index.js"></script>

    <!--    引入Layui组件-->
    <script src="/admin/plugin/layui/dist/layui.js" charset="utf-8"></script>

    <script type="text/javascript" src="/admin/js-css/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="/admin/js-css/js/mx1.0.js?v=1.1.1"></script>
    <script type="text/javascript" src="/admin/js-css/js/jQuery.print.js?v=1.1"></script>


    <style>
        table tr td
        {border:1px solid black;}

        body{
            font-weight: normal;
        }

        .fontclass{
            font-size: 10px;
        }

        .table_border tr td{
            border:none;
        }
    </style>

</head>
<body>

    <div id="app">
        <template>
            <div>
                <div id="printMe" style="padding: 2px 80px;">
                    <!-- table模块 -->
                    <table
                            border="1"
                            cellpadding="8"
                            style="border-collapse: collapse; width: 100%; font-size: 14px"
                    >
                        <caption>
                            <p style="font-size: 20px;font-weight: bold;"  >{{form.ssq_str}}份再就业人员劳务费审批结算表</p>
                            <p style="text-align: center">
                                <table class="table_border" border="0" width="100%">
                                    <tr class="fontclass">
                                        <td style="width: 40%;">填报单位(公章)：</td>
                                        <td>统计时间：{{form.tjksrq_str}} -- {{form.tjzzrq_str}}</td>
                                        <td style="text-align: right;">单位：人、元</td>

                                    </tr>
                                </table>
                            </p>
                        </caption>
                        <tr class="fontclass" >
                            <td align="center" rowspan="5" >项目</td>
                            <td align="center" rowspan="4" >费用合计</td>
                            <td align="center" colspan="10" >再就业人员劳务费和代缴两金</td>
                        </tr>
                        <tr class="fontclass" >
                            <td align="center" rowspan="2" colspan="2" >劳务费</td>
                            <td align="center" rowspan="2" colspan="2" >养老保险金</td>
                            <td align="center" colspan="6" >医疗保险金</td>
                        </tr>
                        <tr class="fontclass" >
                            <td align="center" colspan="5" >酒泉市医疗保险</td>
                            <td align="center"   >油田补充医保</td>
                        </tr>
                        <tr class="fontclass" >
                            <td align="center"  >人数</td>
                            <td align="center"  >金额</td>
                            <td align="center"  >参保人数</td>
                            <td align="center"  >金额</td>
                            <td align="center"  >参保人数</td>
                            <td align="center"  >小计</td>
                            <td align="center"  >基本医疗8%</td>
                            <td align="center"  >大病医疗0.2%</td>
                            <td align="center"  >基本医疗2%</td>
                            <td align="center"  >补充医疗4%</td>
                        </tr>
                        <tr class="fontclass" >
                            <td align="center" style="height: 50px;"  >{{NumberQfw(form.fyhj)}}</td>
                            <td align="center"  >{{NumberQfw(form.lwfrs)}}</td>
                            <td align="center"  >{{NumberQfw(form.lwfje)}}</td>
                            <td align="center"  >{{NumberQfw(form.ylbxjcbrrs)}}</td>
                            <td align="center"  >{{NumberQfw(form.yllbxjje)}}</td>
                            <td align="center"  >{{NumberQfw(form.ylbxjcbrs)}}</td>
                            <td align="center"  >{{NumberQfw(form.ylbxjxj)}}</td>
                            <td align="center"  >{{NumberQfw(form.jbyljqyb)}}</td>
                            <td align="center"  >{{NumberQfw(form.dbyl)}}</td>
                            <td align="center"  >{{NumberQfw(form.jbyljqyb0)}}</td>
                            <td align="center"  >{{NumberQfw(form.bcylyfsb)}}</td>
                        </tr>


                        <tr class="fontclass" >
                            <td align="center"  >共享中心</td>
                            <td align="center" colspan="3" style="height: 150px;text-align: left;position:relative;" >
                                <div>经办人：</div>
                                <div style="position:absolute;right:0;bottom:1px;"><span style="display: inline-block;width: 30px;">年</span><span style="display: inline-block;width: 30px;">月</span> <span style="display: inline-block;width: 25px;">日</span></div>
                            </td>
                            <td align="center"  >领导审批意见</td>
                            <td align="center" colspan="7"  ></td>
                        </tr>

                        <tr class="fontclass" >
                            <td align="center"  >公司人事处</td>
                            <td align="center" colspan="3" style="height: 150px;text-align: left;position:relative;" >
                                <div>经办人：</div>
                                <div style="position:absolute;right:0;bottom:1px;"><span style="display: inline-block;width: 30px;">年</span><span style="display: inline-block;width: 30px;">月</span> <span style="display: inline-block;width: 25px;">日</span></div>
                            </td>
                            <td align="center"  >领导审批</td>
                            <td align="center" colspan="7"  ></td>
                        </tr>
                    </table>

                </div>
            </div>
        </template>
    </div>

    <script>

        var vm = new Vue({
           el:"#app",
           data:{
               form:{},
               parmsData:{},
           },
           created(){
               this.parmsData = getParams();
               this.getData();
           },
            methods: {
               NumberQfw(str){
                   if(str == ""){
                       return "/";
                   }
                   if(Number(str) == 0){
                       return "/";
                   }
                   if(str!="" && "/" != str){
                       return Number(str).toLocaleString();
                   }
                   return str;
               },
                printHtml(){
                    $("#printMe").print();
                },
                //   获取表格数据
                async getData() {
                    const res = await postWebCustom(getTableId("2333"),{ssq:this.parmsData.id});
                    if(res.code == 0){
                        top.alert(res.msg);
                        return;
                    }
                    this.form = res.data;
                },

            },
        });
    </script>
</body>
</html>